<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>秀色运动网-XSports.wang</title>
<script src="/js/jquery_2.0.3.js"></script>
<script src="/semantic/semantic.js"></script>
<link rel="stylesheet" type="text/css" href="/semantic/semantic.css">
<style>
[data-selector="sizing"] {
	box-sizing: border-box;
	overflow: hidden;
}

[data-selector="sizing"] {
	margin: 0 !important;
	overflow: hidden;
}
</style>
</head>
<body>
	<div class="ui secondary menu grey inverted">
		<a class="item" href="index.html"> <img
			src="http://www.semantic-ui.cn/images/logo.png">
		</a>
		<div class="right menu">
			<div class="item">
				<div class="ui icon input">
					<input type="text" placeholder="查找俱乐部"> <i
						class="search link icon"></i>
				</div>
			</div>
			<a class="item left-menu-btn"><i class="sidebar icon"></i>菜单</a>
		</div>
	</div>
	<div class="ui attached pushable leftmenu">
		<div class="pusher">
			<div class="ui container">
				<div class="ui grid center aligned" data-selector="sizing">
					<h2 class="ui header">
						<img
							src="http://www.semantic-ui.cn/images/avatar2/large/patrick.png"
							class="ui circular image">
						<div class="content left">
							周末骑行小分队
							<div class="sub header">每周都去骑一次，快乐从骑行开始。</div>
						</div>
					</h2>
				</div>

				<div class="ui top attached tabular menu">
					<a class="item" data-tab="feed" href="club.html">动态
						<div class="ui teal label">22</div>
					</a><a class="item active" data-tab="comment">评论 </a> <a class="item"
						data-tab="member" href="mlist.html">成员
						<div class="ui teal label">6</div>
					</a>
				</div>

				<div data-tab="comment"
					class="ui bottom attached tab segment active"
					data-selector="sizing">
					<div class="ui comments">
						<div class="comment">
							<a class="avatar"> <img
								src="http://www.semantic-ui.cn/images/avatar/small/matt.jpg">
							</a>
							<div class="content">
								<a class="author">Matt</a>
								<div class="metadata">
									<span class="date">今天下午 5:42</span>
								</div>
								<div class="text">How artistic!</div>
								<div class="actions">
									<a class="reply">Reply</a>
								</div>
							</div>
						</div>
						<div class="comment">
							<a class="avatar"> <img
								src="http://www.semantic-ui.cn/images/avatar/small/elliot.jpg">
							</a>
							<div class="content">
								<a class="author">Elliot Fu</a>
								<div class="metadata">
									<span class="date">昨天上午12:30</span>
								</div>
								<div class="text">
									<p>This has been very useful for my research. Thanks as
										well!</p>
								</div>
								<div class="actions">
									<a class="reply">Reply</a>
								</div>
							</div>
							<div class="comments">
								<div class="comment">
									<a class="avatar"> <img
										src="http://www.semantic-ui.cn/images/avatar/small/jenny.jpg">
									</a>
									<div class="content">
										<a class="author">Jenny Hess</a>
										<div class="metadata">
											<span class="date">刚刚</span>
										</div>
										<div class="text">Elliot you are always so right :)</div>
										<div class="actions">
											<a class="reply">Reply</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="comment">
							<a class="avatar"> <img
								src="http://www.semantic-ui.cn/images/avatar/small/joe.jpg">
							</a>
							<div class="content">
								<a class="author">Joe Henderson</a>
								<div class="metadata">
									<span class="date">5 天以前</span>
								</div>
								<div class="text">老兄，这太棒了。非常感谢。</div>
								<div class="actions">
									<a class="reply">Reply</a>
								</div>
							</div>
						</div>
						<form class="ui reply form">
							<div class="field">
								<textarea rows="2" data-selector="sizing"></textarea>
							</div>
							<div class="ui blue labeled submit icon button">
								<i class="icon edit"></i> 回复
							</div>
						</form>
					</div>
				</div>
			</div>
			<div class="ui labeled icon right inline vertical sidebar menu">
				<a class="item" href="index.html"><i class="home icon"></i>首页</a> <a
					class="item" href="reg.html"><i class="block layout icon"></i>注册</a>
			</div>
		</div>
	</div>
	<script>
		//标签
		//$('.menu.item').tab();

		$('.ui.sidebar').sidebar({
			context : $('.leftmenu')
		}).sidebar('attach events', '.left-menu-btn');
	</script>
</body>
</html>
